<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米首页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="http://cdn.bootcss.com/jquery/1.10.0/jquery.js"></script>
		<script src="js/xiaomi.js"></script>
	</head>
	<body>
		<div class="topbg">
			<div class="top">
				<div class="subnav">
					<ul>
						<li class="first"><a href="#">小米网</a><span>|</span></li>
						<li><a href="#">MIUI</a><span>|</span></li>
						<li><a href="#">米聊</a><span>|</span></li>
						<li><a href="#">游戏</a><span>|</span></li>
						<li><a href="#">多看阅读</a><span>|</span></li>
						<li><a href="#">云服务</a><span>|</span></li>
						<li><a href="#">小米网移动端</a><span>|</span></li>
						<li><a href="#">问题反馈</a><span>|</span></li>
						<li><a href="#">Select&nbsp;Region</a></li>
					</ul>
				
				</div>
				<div class="subnav1" id="subnav1">
					<ul>
						<li><a href="#">登录</a><span>|</span></li>
						<li><a href="#">注册</a></li>
						<li class="last" id="last"><a href="#"><i class="iconfont">&#xe65a;</i>购物车(0)</a></li>
					</ul>
					<div id="message">购物车中还没有商品赶紧选购吧</div>
				</div>
			</div>
		</div>
		<div class="navbg">
		<div class="nav">
			<h1><a href="#"><img src="img/logo.jpg"/></a></h1>
			<h2><a href="#"><img src="img/haidao.gif"/></a></h2>
			<div id="nav1">
				<div id="nav2">
					<a href="#">小米手机</a>
					<a href="#">红米</a>
					<a href="#">平板</a>
					<a href="#">电视</a>
					<a href="#">盒子·影音</a>
					<a href="#">路由器</a>
					<a href="#">智能硬件</a>	
				</div>
				
					<a href="#">服务</a>
					<a href="#">社区</a>
			</div>
			<div class="search" id="search">
				<input type="text" id="txt" value=""/>
				<input type="button" class="but iconfont" value="&#xe699;"/>
				<div id="adv">
					<a href="javascript:;" id="left">红米3S</a>
					<a href="javascript:;" id="right">小米手环2</a>
				</div>
				<ul id="show">
					<li data-key="小米手机5"><a href="#">小米手机5</a><span>约有11件</span></li>
					<li data-key="空气净化器2"><a href="#">空气净化器2</a><span>约有1件</span></li>
					<li data-key="活塞耳机"><a href="#">活塞耳机</a><span>约有4件</span></li>
					<li data-key="小米路由器"><a href="#">小米路由器</a><span>约有8件</span></li>
					<li data-key="移动电源"><a href="#">移动电源</a><span>约有21件</span></li>
					<li data-key="运动相机"><a href="#">运动相机</a><span>约有3件</span></li>
					<li data-key="小蚁摄像机"><a href="#">小蚁摄像机</a><span>约有2件</span></li>
					<li data-key="小米体重秤"><a href="#">小米体重秤</a><span>约有1件</span></li>
					<li data-key="小米插线板"><a href="#">小米插线板</a><span>约有13件</span></li>
					<li data-key="配件优惠套装"><a href="#">配件优惠套装</a><span>约有32件</span></li>
				</ul>
			</div>
			
		</div>
		<div id="hove">
			<div id="div1" class="divbg">
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li1.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米Max</h4>
							<p>1499元起</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li2.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米手机5</h4>
							<p>1999元起</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li3.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米手机4s</h4>
							<p>1699元起</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li4.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米手机4c</h4>
							<p>1099元起</p>
						</dd>
					</dl>
				</div>
			</div>
			
			<div id="div2" class="divbg" >
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li21.jpg"/></a><span></span></dt>
						<dd>
							<h4>红米Note3</h4>
							<p>899元起</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li22.jpg"/></a><span></span></dt>
						<dd>
							<h4>红米手机3s</h4>
							<p>699元起</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li23.jpg"/></a><span></span></dt>
						<dd>
							<h4>红米手机3s</h4>
							<p>699元起</p>
						</dd>
					</dl>
				</div>
			</div>
			<div id="div3" class="divbg">
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li31.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;16GB</h4>
							<p>999元</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li32.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB</h4>
							<p>1299元</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li33.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB&nbsp;Windows版</h4>
							<p>1299元</p>
						</dd>
					</dl>
				</div>
			</div>
			<div id="div4" class="divbg">
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li31.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;16GB</h4>
							<p>999元</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li32.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB</h4>
							<p>1299元</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li33.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB&nbsp;Windows版</h4>
							<p>1299元</p>
						</dd>
					</dl>
				</div>
			</div>
			<div id="div5" class="divbg">
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li31.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;16GB</h4>
							<p>999元</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li32.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB</h4>
							<p>1299元</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li33.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB&nbsp;Windows版</h4>
							<p>1299元</p>
						</dd>
					</dl>
				</div>
			</div>
			<div id="div6" class="divbg">
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li31.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;16GB</h4>
							<p>999元</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li32.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB</h4>
							<p>1299元</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li33.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB&nbsp;Windows版</h4>
							<p>1299元</p>
						</dd>
					</dl>
				</div>
			</div>
			<div id="div7" class="divbg">
				<div class="divcs">
					<dl>
						<dt><a href="#"><img src="img/li31.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;16GB</h4>
							<p>999元</p>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/li32.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB</h4>
							<p>1299元</p>
						</dd>
					</dl>
					<dl class="dllast">
						<dt><a href="#"><img src="img/li33.jpg"/></a><span></span></dt>
						<dd>
							<h4>小米平板2&nbsp;64GB&nbsp;Windows版</h4>
							<p>1299元</p>
						</dd>
					</dl>
				</div>
			</div>
			</div>
	</div>
	<div class="shopbg">
		<div class="shopleftbg"></div>
		<div id="shopleft">
			<ul class="shop">
				<li><a href="javascript:;">手机 平板 电话卡</a><span>&gt;</span></li>
				<li><a href="javascript:;">电视 盒子</a><span>&gt;</span></li>
				<li><a href="javascript:;">路由器 智能硬件</a><span>&gt;</span></li>
				<li><a href="javascript:;">移动电源 插线板</a><span>&gt;</span></li>
				<li><a href="javascript:;">耳机 音响</a><span>&gt;</span></li>
				<li><a href="javascript:;">电池 储存卡</a><span>&gt;</span></li>
				<li><a href="javascript:;">保护套 后盖</a><span>&gt;</span></li>
				<li><a href="javascript:;">贴膜 其他配件</a><span>&gt;</span></li>
				<li><a href="javascript:;">米兔 服装</a><span>&gt;</span></li>
				<li><a href="javascript:;">箱包 周边其他</a><span>&gt;</span></li>
			</ul>
		</div>
		
		<div class="shop1">
			<ul>
				<li class="li01"><a href="#">小米手机5</a><span>选购</span></li>
				<li class="li02"><a href="#">小米Max</a><span>选购</span></li>
				<li class="li03"><a href="#">小米手机4s</a><span>选购</span></li>
				<li class="li04"><a href="#">小米4c</a><span>选购</span></li>
				<li class="li05"><a href="#">红米Note3</a><span>选购</span></li>
				<li class="li06"><a href="#">红米手机3S</a><span>选购</span></li>
			</ul>
			<ul>
				<li class="li01"><a href="#">小米手机5</a><span>选购</span></li>
				<li class="li02"><a href="#">小米Max</a><span>选购</span></li>
				<li class="li03"><a href="#">小米手机4s</a><span>选购</span></li>
				<li class="li04"><a href="#">小米4c</a><span>选购</span></li>
				<li class="li05"><a href="#">红米Note3</a><span>选购</span></li>
				<li class="li06"><a href="#">红米手机3S</a><span>选购</span></li>
			</ul>
		</div>
		<div class="shop1">
			<ul>
				<li class="li01 li11"><a href="#">小米路由器</a></li>
				<li class="li02 li12"><a href="#">九号平衡车</a></li>
				<li class="li03 li13"><a href="#">小米路由器</a></li>
				<li class="li04 li14"><a href="#">九号平衡车</a></li>
				<li class="li05 li15"><a href="#">小米路由器</a></li>
				<li class="li06 li16"><a href="#">九号平衡车</a></li>
			</ul>
		</div>
		<div class="shop1">
			<ul>
				<li class="li01 li11"><a href="#">小米路由器</a></li>
				<li class="li02 li12"><a href="#">九号平衡车</a></li>
				<li class="li03 li13"><a href="#">小米路由器</a></li>
				<li class="li04 li14"><a href="#">九号平衡车</a></li>
				<li class="li05 li15"><a href="#">小米路由器</a></li>
				<li class="li06 li16"><a href="#">九号平衡车</a></li>
			</ul>
		</div>
		<div id="banner">
			
			<div id="imglist">
				<a href="javascript:;"><img class="active" src="img/l1.jpg" alt="" /></a>
				<a href="javascript:;"><img src="img/l2.jpg" alt="" /></a>
				<a href="javascript:;"><img src="img/l3.jpg" alt="" /></a>
				<a href="javascript:;"><img src="img/l4.jpg" alt="" /></a>
				<a href="javascript:;"><img src="img/l5.jpg" alt="" /></a>
			</div>
			<div id="alink">
				<a class="active" href="javascript:;"></a>
				<a href="javascript:;"></a>
				<a href="javascript:;"></a>
				<a href="javascript:;"></a>
				<a href="javascript:;"></a>
			</div>
			<div id="return">
				<a href="javascript:;" id="pre"></a>
				<a href="javascript:;" id="next"></a>
			</div>
		</div>
		<!----></div>
	</div>
	</body>
</html>
